var canvasFondo;
var canvasMovimiento;
var canvasFrente;
//
var pantalla;
var spriteEscalaNormal;	
var spriteEscalaReducida; 

function Principal() {	
	this.contextoMovimiento = canvasMovimiento.getContext("2d");
	this.ancho = canvasMovimiento.width;
	this.alto = canvasMovimiento.height;
	//
	pantalla = getPantalla(1);
	spriteEscalaNormal = new Sprite("imagenes/mapa5.png", 
							new DatosSpriteMov(123, 64, 121, 6),
							new DatosSpriteMov(0, 64, 121, 6),
							new DatosSpriteMov(383, 64, 133, 3),
							new DatosSpriteMov(246, 64, 133, 3),
							4, 4);
							
	spriteEscalaReducida = new Sprite("imagenes/mapa5_reducida.png", 
							new DatosSpriteMov(74, 38, 73, 6),
							new DatosSpriteMov(0, 38, 73, 6),
							new DatosSpriteMov(230, 39, 80, 3),
							new DatosSpriteMov(148, 39, 80, 3),
							4, 4);
	//
	this.sprite = spriteEscalaNormal;
		
	this.actualizarJuego = function() {
		this.sprite.actualizarEstado();
		//
		var siguientePantalla = pantalla.hayQueCambiarDePantalla(this.sprite.posX, this.sprite.posY);
		if (siguientePantalla != 0) {
			var numPantalla = pantalla.numero;
			pantalla = getPantalla(siguientePantalla);
			if (pantalla.escalaReducida)
				this.sprite = spriteEscalaReducida;
			else
				this.sprite = spriteEscalaNormal;
			if (numPantalla < pantalla.numero)	
				this.sprite.setPosicion(pantalla.getPosicionInicial());
			else
				this.sprite.setPosicion(pantalla.getPosicionFinal());
		}
		//						
		this.drawFrame();
	}
	
	this.drawFrame = function(){
		this.contextoMovimiento.clearRect(0,0,this.ancho,this.alto);
		this.sprite.drawImage();
	}
}

window.onload = function() {
	canvasFondo = document.getElementById("canvasFondo");
	canvasMovimiento = document.getElementById("canvasMovimiento");
	canvasFrente = document.getElementById("canvasFrente");
	//
	var principal = new Principal();
	setInterval(function(){principal.actualizarJuego()}, 33);
}

